<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<title>Pratica Profissional VI - Motorgirus </title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<link rel="shortcut icon" href="css/images/favicon.ico" />
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/prettyCheckboxes.css" type="text/css" media="all" />
	<script src="js/jquery-1.7.min.js" type="text/javascript"></script>
	<script src="js/jquery.jcarousel.js" type="text/javascript"></script>
	<script src="js/prettyCheckboxes.js" type="text/javascript"></script>
	<script src="js/DD_belatedPNG-min.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
	<div class="shell">
		<!-- Header -->
		<div id="header">        
			<!-- Search  -->
			
			<div id="search">    
            
				<div class="search-holder">                    
					<form action="" method="post">
					  <input type="submit" value="" class="submit-button" />
					  <input type="text" class="field" value="Montadora" title="Montadora" />						
					</form>					
					<div class="cl"></div>                    
				</div>	
			</div>
			<div id="search2">    
            
				<div class="search2-holder">                    
					<form action="" method="post">
					  <input type="submit" value="" class="submit-button2" />
					  <input type="text" class="field" value="Modelo" title="Modelo" />						
					</form>					
					<div class="cl"></div>                    
				</div>	
			</div>       
			<div id="search3">    
            
				<div class="search3-holder">                    
					<form action="" method="post">
					  <input type="submit" value="" class="submit-button3" />
					  <input type="text" class="field" value="Ano" title="Ano" />						
					</form>					
					<div class="cl"></div>                    
				</div>	
			</div>   
			<div id="search4">    
            
				<div class="search4-holder">                    
					<form action="" method="post">
					  <input type="submit" value="" class="submit-button4" />
					  <input type="text" class="field" value="Produto" title="Produto" />						
					</form>					
					<div class="cl"></div>                    
				</div>	
			</div>                            
			<!-- END Search -->						
		  <div class="cl"></div>
			<!-- Logo -->
			<h1 id="logo"><a title="Home" href="#">Motorgirus</a></h1>
			<!-- Top Navigation -->
			<div id="top-navigation">	
				<ul>
					<li>0 itens  R$ 0,00</li>
					<li><a class="start" title="Minha Conta" href="#"><span></span>Minha Conta</a></li>
					<li><a class="cart" title="Meu Carrinho" href="#"><span></span>Meu Carrinho</a></li>
					<li><a class="end" title="Fechar Pedido" href="#">Central de Atendimento<span></span></a></li>				
				</ul>		
			</div>		
            <div id="telefone">
                 <h3> Três de Maio - RS</h3>
                 <h3> (55) 3535-1346</h3>                 
            </div>
			<!-- END Top Navigation -->	
			<div class="cl"></div>    
                    		
		</div>
		<!-- END Header -->
		<!-- Navigation -->
		<div id="navigation">
			<ul>
				<li><a title="Home" href="#">Inicio<span class="sep-right"></span></a></li>
				<li>
					<a title="A Empresa" href="#"><span class="sep-left"></span>A Empresa<span class="sep-right"></span></a>
				</li>
				<li>
					<a title="Produtos" href="#"><span class="sep-left"></span>Produtos<span class="sep-right"></span></a>
					<div class="dd">
						<ul>
							<li><a title="Motores" href="#"><span class="sep-left"></span>Motores</a></li>
							<li>
								<a title="Suspensão" href="#"><span class="sep-left"></span>Suspensão</a>
								<div class="dd">
									<ul>
										<li><a title="Amortecedores" href="#"><span class="sep-left"></span><span class="dd-first"></span>Amortecedores	</a></li>
										<li><a title="Molas" href="#"><span class="sep-left"></span>Molas</a></li>
										<li><a title="Drop down menu 3" href="#"><span class="sep-left"></span>Drop down menu 3</a></li>										
									</ul>
								</div>
							</li>
							<li><a title="Lataria" href="#"><span class="sep-left"></span>Lataria</a></li>							
						</ul>
					</div>
				</li>
				<li><a title="Promoções" href="#"><span class="sep-left"></span>Promoções<span class="sep-right"></span></a></li>
				<li><a title="" href="#"><span class="sep-left"></span>Novidades<span class="sep-right">Novidades</span></a></li>
				<li><a title="Antiguidades" href="#"><span class="sep-left"></span>Antiguidades<span class="sep-right"></span></a></li>
				<li><a title="Informativo" href="#"><span class="sep-left"></span>Informativo</a></li>				
			</ul>
			<div class="cl"></div>
		</div>
		<!-- END Navigation -->
		<!-- Main  -->
		<div id="main">
			<!-- Slider -->
			<div id="slider-holder">				
				<div id="slider">
					<ul>
						<li>
							<img src="css/images/produto1.fw.png" alt="Beautiful white case with flowers" />
							<div class="caption">
								<p>Faróis</p>
								<p class="model">Farol Mascara Negra Corsa Hatch Sedan 2003 a 2012 Montana Até 2010</p>
								<a title="Comprar!" class="buy-now" href="#">Comprar!</a>
							</div>							
						</li>
						<li>
							<img src="css/images/produto2.fw.png" alt="Computer case with cartoon characters" />
							<div class="caption">
								<p>Motores</p>
								<p class="model">Carburador Alcool Gasolina Mini-progressivo Gol Saveiro Parati</p>
								<a title="Comprar!" class="buy-now" href="#">Comprar!</a>
							</div>							
						</li>
						<li>
							<img src="css/images/produto3.fw.png" alt="Beautiful white case with flowers" />
							<div class="caption">
								<p>Motores</p>
								<p class="model">Ventoinha do Motor do Radiador de Água Golf Audi A3 Fox</p>
								<a title="Comprar!" class="buy-now" href="#">Comprar!</a>
							</div>							
						</li>
						<li>
							<img src="css/images/produto4.fw.png" alt="Computer case with cartoon characters" />
							<div class="caption">
								<p>Motores</p>
								<p class="model">Tanque de Combustível Palio Siena G1 G2 96 a 07 Gasolina e Álcool</p>
								<a title="Comprar!" class="buy-now" href="#">Comprar!</a>
							</div>							
						</li>
						<li>
							<img src="css/images/produto5.fw.png" alt="Beautiful white case with flowers" />
							<div class="caption">
								<p>Suspensão</p>
								<p class="model">Trizeta Audi A3 Golf Bora Passat Jetta Turbo ou Automático</p>
								<a title="Comprar!" class="buy-now" href="#">Comprar!</a>
							</div>							
						</li>						
					</ul>
					<div class="slider-controls">
						<a title="slide 1" href="#">1</a>
						<a title="slide 2" href="#">2</a>
						<a title="slide 3" href="#">3</a>
						<a title="slide 4" href="#">4</a>
						<a title="slide 5" href="#">5</a>							
					</div>
					<a title="Anterior" id="prev" href="#">prev</a>
					<a title="Próximo" id="next" href="#">next</a>
				</div>
			</div>
			<!-- END Slider -->
			<div class="cl"></div>
			<!-- Latest Products -->
			<div class="products">
				<h2>Produtos</h2>
				<div class="product-holder">
					<div class="product">
						<a title="Detalhes" href="#"><img src="css/images/produto1.jpg" alt="..." /></a>
						<p>Produto 1</p>							
					</div>
					<p>Descrição Produto 1</p>
					<div class="price-label">
						<strike>R$117.50</strike>
						<p class="price">R$96.<sup>35</sup></p>
					</div>
				</div>
				<div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto2.jpg" alt="..." /></a>
						<img class="sale-label" src="css/images/oferta.png" alt="Sale!" />							
						<p>Produto 2</p>													
					</div>
					<p>Descrição Produto 2</p>
					<div class="price-label">
						<strike>R$88.00</strike>
						<p class="price">R$76.<sup>35</sup></p>
					</div>	
				</div>
				<div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto14.jpg" alt="..." /></a>
						<p>Produto 3</p>							
					</div>
					<p>Descrição Produto 3</p>
					<div class="price-label">
						<strike>R$17.50</strike>
						<p class="price">R$6.<sup>35</sup></p>
					</div>
				</div>
				<div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto3.jpg" alt="Transformers computer case" /></a>
						<p>Produto 4</p>							
					</div>
					<p>Descrição Produto 4</p>
					<div class="price-label">
						<strike>R$17.50</strike>
						<p class="price">R$6.<sup>35</sup></p>
					</div>
				</div>
				<div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto4.jpg" alt="Black and red stylish computer case" /></a>
						<p>Produto 5</p>							
					</div>
					<p>Descrição Produto 5</p>
					<div class="price-label">
						<strike>R$17.50</strike>
						<p class="price">R$6.<sup>35</sup></p>
					</div>
				</div>
				<div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto5.jpg" alt="Beautoful white case with flower motives" /></a>
						<p>Produto 6</p>							
					</div>
					<p>Descrição Produto 6</p>
					<div class="price-label">
						<strike>R$17.50</strike>
						<p class="price">R$6.<sup>35</sup></p>
					</div>
				</div>
				<div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto6.jpg" alt="Black and white gamers computer case" /></a>
						<p>Produto 7</p>							
					</div>
					<p>Descrição Produto 7</p>
					<div class="price-label">
						<strike>R$17.50</strike>
						<p class="price">R$6.<sup>35</sup></p>
					</div>
				</div>
				<div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto7.jpg" alt="Transformers computer case" /></a>
                        <img class="sale-label" src="css/images/oferta.png" alt="Sale!" />
						<p>Produto 8</p>							
					</div>
					<p>Descrição Produto 8</p>
					<div class="price-label">
						<strike>R$17.50</strike>
						<p class="price">R$6.<sup>35</sup></p>
					</div>
				</div><div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto8.jpg" alt="Black and red stylish computer case" /></a>
						<p>Produto 9</p>							
					</div>
					<p>Descrição Produto 9</p>
					<div class="price-label">
						<strike>R$17.50</strike>
						<p class="price">R$6.<sup>35</sup></p>
					</div>
				</div>
				<div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto9.jpg" alt="Beautoful white case with flower motives" /></a>
						<p>Produto 10</p>							
					</div>
					<p>Descrição Produto 10</p>
					<div class="price-label">
						<strike>R$17.50</strike>
						<p class="price">R$6.<sup>35</sup></p>
					</div>
				</div>
				<div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto12.jpg" alt="Black and white gamers computer case" /></a>
                        <img class="sale-label" src="css/images/oferta.png" alt="Sale!" />
						<p>Produto 11</p>							
					</div>
					<p>Descrição Produto 11</p>
					<div class="price-label">
						<strike>R$17.50</strike>
						<p class="price">R$6.<sup>35</sup></p>
					</div>
				</div>
				<div class="product-holder">
					<div class="product">
						<a title="Details" href="#"><img src="css/images/produto11.jpg" alt="Transformers computer case" /></a>
						<p>Produto 12</p>							
					</div>
					<p>Descrição Produto 12</p>
					<div class="price-label">
						<strike>R$17.50</strike>
						<p class="price">R$6.<sup>35</sup></p>
					</div>
				</div>
				<div class="cl"></div>
			</div>
			<!-- END Latest Products -->
			<!-- Feartured Products -->
			<div class="products featured">
				<h2>Montadoras</h2>
				<div class="products-slider">
					<ul>
						<li>
							<a title="Produtos" href="#"><img src="css/images/honda.png" alt="Honda Motors" /></a>
							<p></p>
						</li>
						<li>
							<a title="Produtos" href="#"><img src="css/images/chevrolet.png" alt="Chevrolet - GM" /></a>
							<p></p>
						</li>
						<li>
							<a title="Produtos" href="#"><img src="css/images/renault.png" alt="Renault" /></a>
							<p></p>
						</li>
						<li>
							<a title="Produtos" href="#"><img src="css/images/ford.jpg" alt="Ford" /></a>
							<p></p>
						</li>
						<li>
							<a title="Produtos" href="#"><img src="css/images/fiat.jpg" alt="Fiat" /></a>
							<p></p>
						</li>
						<li>
							<a title="Produtos" href="#"><img src="css/images/volkswagen.png" alt="Volkswagen" /></a>
							<p></p>
						</li>
						<li>
							<a title="Produtos" href="#"><img src="css/images/hyundai.png" alt="Hyundai" /></a>
							<p></p>
						</li>
						<li>
							<a title="Produtos" href="#"><img src="css/images/mitsubishi.jpg" alt="Mitsubishi" /></a>
							<p></p>
						</li>
						<li>
							<a title="Produtos" href="#"><img src="css/images/nissan.jpg" alt="Nissan" /></a>
							<p></p>
						</li>
						<li>
							<a title="Produtos" href="#"><img src="css/images/citroen.gif" alt="Citroen" /></a>
							<p></p>
						</li>										
						<li>
							<a title="Produtos" href="#"><img src="css/images/peugeot.png" alt="Peugeot" /></a>
							<p></p>
						</li>										
						<li>
							<a title="Produtos" href="#"><img src="css/images/bmw.png" alt="BMW" /></a>
							<p></p>
						</li>										
						<li>
							<a title="Produtos" href="#"><img src="css/images/toyota.jpg" alt="Toyota" /></a>
							<p></p>
						</li>										
					</ul>
				</div>
			</div>
			<!-- END Featured Products -->			
			<!-- Footer  -->
			<div id="footer">
				<div id="footer-top"></div>
				<div id="footer-middle">
					<div class="col styles">
						<h3>Menu</h3>
						<ul>
							<li><a title="Inicio" href="#"><span class="bullet"></span>Inicio</a></li>
							<li><a title="Produtos" href="#"><span class="bullet"></span>Produtos</a></li>
							<li><a title="Promoções" href="#"><span class="bullet"></span>Promoções</a></li>
							<li><a title="Usados" href="#"><span class="bullet"></span>Usados</a></li>
							<li><a title="Promoções" href="#"><span class="bullet"></span>Promoções</a></li>
							<li><a title="Antigos" href="#"><span class="bullet"></span>Antigos</a></li>
                            <li><a title="Novidades" href="#"><span class="bullet"></span>Novidades</a></li>							
						</ul>
					</div>
					<div class="col info">
						<h3>Informações</h3>
						<ul>
							<li><a title="About MEGAStore" href="#"><span class="bullet"></span>Sobre a Motorgirus</a></li>
							<li><a title="Privacy Policy" href="#"><span class="bullet"></span>Política de Privacidade</a></li>
							<li><a title="Terms &amp; Conditions" href="#"><span class="bullet"></span>Termos &amp; Condições</a></li>
							<li><a title="Contact Us" href="#"><span class="bullet"></span>Contato</a></li>
							<li><a title="Site Map" href="#"><span class="bullet"></span>Mapa do Site</a></li>												
						</ul>
					</div>
					<div class="col newsletter">
						<h3>Newsletter</h3>
						<p>SEM SPAM! Cadastre seu email e receba informações sobre a Motorgirus.</p>
						<form action="" method="post">
							<div class="field-holder"><input type="text" class="field" value="Informe seu Email" title="Informe seu Email" /></div>
							<div class="cl"></div>
							<input type="checkbox" name="check-box" value="" id="check-box" />
							<label for="check-box">Concordo em receber informativos de promoções de produtos. </label>
							<input type="submit" value="Cadastrar" class="submit-button" />
						</form>
					</div>
					<div class="cl"></div>
				</div>
				<div id="footer-bottom">
					<p>&copy; Setrem. Desensolvido por <a href="http://www.setrem.com.br/">Boesing &amp; Kalschne</a></p>
				</div>
			</div>
			<!-- END Footer -->
		</div>
		<!-- END Main -->
	</div>	
</body>
</html>